<template>
  <div>
    <el-drawer
      title="充值模版预览"
      :visible="show"
      :append-to-body="true"
      size="800px"
      @close="close"
    >
      <div class="demo">
        <rechargeTemplate :data="data" />
      </div>
      <span class="dialog-footer rowFlex">
        <el-button
          class="btn"
          @click="close"
        >取 消</el-button>
        <el-button
          class="btn"
          type="primary"
          @click="close"
        >确 定</el-button>
      </span>
    </el-drawer>

  </div>
</template>

<script>
import rechargeTemplate from '@/common/component/rechargeTemplate.vue'

export default {
  components: {
    rechargeTemplate
  },
  props: ['show', 'data'],
  data() {
    return {}
  },
  methods: {
    close() {
      this.$emit('update:show', false)
    }
  }
}
</script>

<style>
.demo {
  padding: 20px;
}
</style>